
<!DOCTYPE html>
<html lang="en">
<head>

    <title>查询后的用户页面</title>
    <!-- 引入js文件 -->




    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
    <meta http-equiv="description" content="This is my page" />
    <link rel="stylesheet"
          href="/resources/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript"
            src="/resources/jquery/jquery-1.11.0.min.js"></script>
    <script type="text/javascript"
            src="/resources/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- 导入bootStrap的库 -->
    <script type="text/javascript"
            src="/resources/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript"
            src="/resources/easyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript"
            src="/resources/easyUI/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="/resources/easyUI/easyui.css">
    <script type="text/javascript" src="/resources/blockUI/jquery.blockUI.js"></script>



    <script type="text/javascript">



        /** 文档加载完成*/
        $(function(){

                <#--//弹框提示信息-->
            <#--if("${exportSuccess}"){-->
                <#--$.messager.show({-->
                    <#--title:'导出成功',-->
                    <#--msg:"<span style='color:red;'>${exportSuccess}</span>",-->
                    <#--showType:'slide'-->
                <#--});-->
            <#--}-->


            /** 用户界面效果开发  */
            /** 得到所有数据行的jquery对象 */
            var dataTrs = $("tr[id^='dataTr_']");
            dataTrs.hover(function(){
                $(this).css({backgroundColor: "#eeecdd" , cursor : "pointer"});         //如果被选中就是棕色背景
            },function(){
                // 判断这一行的单选是否被选中了,如果被选中不要恢复成白色背景
                // 得到当前行对应的单选的id
                var trBoxId = this.id.replace("dataTr_","box_");
                var trBox = $("#"+trBoxId);
                if(!trBox.attr("checked")){
                    $(this).css("backgroundColor","#ffffff");       /*没有被选中就是白色背景*/
                }
            });

            /** 全选  */
            /**得到所有数据行的选项按钮  */
            var dataBoxs = $("input[name='box'][id^='box_']");
            $("#checkAll").click(function(){
                dataBoxs.attr("checked",this.checked);
                /** 全选如果被选中,则所有行的背景色被选中 ,反之 */
                dataTrs.trigger(this.checked?"mouseover":"mouseout");
            });

            /** 如果没有全部选中那么全选按钮也应该不选中  */
            var boxSize = dataBoxs.length;
            /** 给每个单选绑定点击事件 */
            dataBoxs.on("click",function(event){
                /** 取消单选事件的传播,单选点击完成以后,事件就结束了 */
                event.stopPropagation();
                /** 拿到当前选中的单选 */
                var checkedBoxs = dataBoxs.filter(":checked");
                $("#checkAll").attr("checked",checkedBoxs.length == boxSize);
            });

            /** 为所有数据行绑定点击事件  */
            dataTrs.click(function(){
                /** 得到当前所点击行的对应单选按钮对象 */
                var trBoxId = this.id.replace("dataTr_","box_");
                var trBox = $("#"+trBoxId);
                trBox.trigger("click");
            });


            /** 批量删除用户  */
            $("#deleteUser").on("click",function(){
                /** 获取所有选中的数据行的id 传输到后台删除数据  */
                /** 拿到当前选中的单选 */
                var checkedBoxs = dataBoxs.filter(":checked");
                /** admin,liqin  */
                if(checkedBoxs.length > 0 ){
                    $.messager.confirm('用户提示', '您确认删除吗?', function(r){
                        if (r){
                            /** 真正删除:   */
                            var maps = checkedBoxs.map(function(){
                                return this.value;
                            });
//                             alert(maps.get());
//                           window.location = "/student/batchDeleteUser?ids="+maps.get();
                        <#--+"&pageIndex=${pageModel.pageIndex}&name=${user.name}&phone=${user.phone}&dept.id=${user.dept.id}&job.code=${user.job.code}"-->
                            $.ajax({
                                url: "/student/batchDeleteUser?ids="+maps.get(),
                                async: true,
                                type: "POST",
                                data: {},
                                success: function (data) {
                                    alert(data);
                                    // 删除成功后刷新页面
                                    window.location.reload();                // 删除成功后刷新页面
                                },
                                error: function () {
                                    alert("请求失败");
                                },
                                dataType: "text"
                            });
                        }
                    });

                }else{
                    $.messager.alert("用户提示","请选择您要删除的用户！","error");
                }
            })



        });



























        // ajax异步删除后刷新页面
        function deleteCustomer(id) {
            if (confirm('确实要删除该客户吗?')) {
                $.ajax({
                    url: "/student/deleteUser",
                    async: true,
                    type: "POST",
                    data: {
                        "id": id
                    },
                    success: function (data) {
                        alert(data);
                        // 删除成功后刷新页面
                        window.location.reload();                // 删除成功后刷新页面
                    },
                    error: function () {
                        alert("请求失败");
                    },
                    dataType: "text"
                });
            }
        }


        // 阅卷
        function lookTestPaper(id) {
//            if (confirm('确实要阅卷吗?')) {
                window.location = "/student/marking?studentId="+id;
//            }
        }

        // 导出excel
        function exportExcel() {
                    if (confirm('确实要导出到excel吗?')) {
//            window.location = "/student/download?filename=123.jpeg";
                        window.location = "/student/exportExcel";
                    }
        }


        function updateUser(userId){       //修改用户的按钮和添加用户的按钮的区别就在于 修改用户按钮点击后要查询该用户，然后将数据返回到弹窗，而添加用户的按钮不用查询
            $("#divDialog").dialog({
                title : "修改用户", // 标题
                cls : "easyui-dialog", // class
                width : 800, // 宽度
                height : 420, // 高度
                maximizable : true, // 最大化
                minimizable : false, // 最小化
                collapsible : true, // 可伸缩
                modal : true, // 模态窗口
                onClose : function(){ // 关闭窗口
                    window.location = "/student/student/${currPage}/${pageSize}";     /*查看的请求用get就行了*/
                }
            });
            /** 为此窗口的iframe触发界面请求 */
            $("#iframe").attr("src","/student/showUpdateUser?id="+userId);
        }


        //校验上一页
        function  prePage() {
        <#--alert(${currPage-1});-->
            if(${currPage-1}==0){
                alert("已经是第一页了");
            }else{
                window.location = "/student/student/${currPage-1}/${pageSize}?id=${user.id}&name=${user.username}&note=${user.note}&score=${user.score}&team=${user.team}"
            }
        }

        //校验下一页
        function  nextPage() {
        <#--alert(${currPage-1});-->

            <#--alert(${currPage+1}*${pageSize}-${pageSize});-->
            <#--alert(${length});-->
            if(${currPage+1}*${pageSize}-${pageSize}>=${length}){
                alert("已经是最后一页了");
            }else{
                window.location = "/student/student/${currPage+1}/${pageSize}?id=${user.id}&name=${user.username}&note=${user.note}&score=${user.score}&team=${user.team}"
            }
        }


        $(function(){

            /** 添加学生操作 */
            $("#addUser").click(function(){
                $("#divDialog").dialog({                    // divDialog表示点击之后会有个弹窗输入
                    title : "添加用户", // 弹窗的标题
                    cls : "easyui-dialog", // class
                    width : 800, // 宽度
                    height : 420, // 高度
                    maximizable : true, // 最大化
                    minimizable : false, // 最小化
                    collapsible : true, // 可伸缩
                    modal : true, // 模态窗口
                    onClose : function(){ // 弹窗的关闭窗口按钮， 关闭窗口后在重新搜索一遍刚刚搜索到的来显示，相当于刷新一遍
                        window.location = "/student/student/${currPage}/${pageSize}";
                    }
                });
                /** 为此窗口的iframe触发界面请求 */
                $("#iframe").attr("src","/student/showAddUser");        //让窗口显示addUser.jsp的内容
            });

        });

        $(function(){

            /** 分班操作 */
            $("#classify").click(function(){
                $("#divDialog").dialog({                    // divDialog表示点击之后会有个弹窗输入
                    title : "分班", // 弹窗的标题
                    cls : "easyui-dialog", // class
                    width : 600, // 宽度
                    height : 500, // 高度
                    maximizable : true, // 最大化
                    minimizable : false, // 最小化
                    collapsible : true, // 可伸缩
                    modal : true, // 模态窗口
                    onClose : function(){ // 弹窗的关闭窗口按钮， 关闭窗口后在重新搜索一遍刚刚搜索到的来显示，相当于刷新一遍
                        window.location = "/student/student/${currPage}/${pageSize}";
                    }
                });
                /** 为此窗口的iframe触发界面请求 */
                $("#iframe").attr("src","/student/classify");        //让窗口显示addUser.jsp的内容
            });

        });
    </script>
</head>
<body style="overflow: hidden; width: 98%; height: 100%;" >



<!-- 工具按钮区 -->
<form class="form-horizontal"
      action="/student/student/${currPage}/${pageSize}"  method="post" style="padding-left: 5px;" >
    <table class="table-condensed">
        <tbody>
        <tr>
            <td>
                <input name="id" type="text" class="form-control"
                       placeholder="学号" value="${user.id}" >
            </td>
            <td>
                <input type="text" name="username" class="form-control"
                       placeholder="姓名" value="${user.username}" >
            </td>
            <td>
                <input type="text" name="note" class="form-control"
                       placeholder="座右铭" value="${user.note}" >
            </td>
            <td>
                <input type="text" name="score" class="form-control"
                       placeholder="分数" value="${user.score}" >
            </td>
            <td>
                <input type="text" name="team" class="form-control"
                       placeholder="班级" value="${user.team}" >
            </td>
            <td>
                <button type="submit" id="selectUser" class="btn btn-info"><span class="glyphicon glyphicon-search"></span>&nbsp;查询</button>
                <a  id="addUser" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span>&nbsp;添加</a>
                <a  id="deleteUser" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span>&nbsp;删除</a>
                <a  id="classify" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span>&nbsp;开始分班</a>
                <a  href="#" id="exportExcel" class="btn btn-info" onclick="exportExcel()">导出</a>

            </td>
        </tr>
        </tbody>
    </table>
</form>





<div class="panel panel-primary" style="padding-left: 10px;">
    <div class="panel-heading" style="background-color: #11a9e2;">
        <h3 class="panel-title">学生信息列表</h3>
    </div>
    <div class="panel-body" >
        <table class="table table-bordered">
            <thead>
            <tr style="font-size: 12px;" align="center">
                <th style="text-align: center;"><input id="checkAll" type="checkbox" /></th>
                <th style="text-align: center;">学号</th>
                <th style="text-align: center;">头像</th>
                <th style="text-align: center;">姓名</th>
                <th style="text-align: center;">座右铭</th>
                <th style="text-align: center;">分数</th>
                <th style="text-align: center;">评分情况</th>
                <th style="text-align: center;">分班</th>
                <th style="text-align: center;">操作</th>
            </tr>
            </thead>

            <#list studentList as stu> <#--遍历stuList-->
            <tr id="" align="center">
                <td><input type="checkbox" name="box" id="box_${stat.index}" value="${stu.id}" /></td>
                <td>${stu.id}</td>
                <td>
                    <#--<img src="/upload/${stu.imageLu}"  height="50">-->
                    <img src="/file/${stu.imageLu}" height="50">
                </td>

                <td>${stu.username}</td>
                <td>${stu.note}</td>
                <td>${stu.score}</td>
                <td>
                        <#--遍历所有答过题的学生，只有答过题的学生才能阅卷，分数大于等于0的才会显示已评分-->
                        <#list answerStudentIdList as stuId>

                            <#if stuId=="${stu.id}"&& stu.score gte 0><a href="#" class="btn btn-danger btn-xs" onclick="lookTestPaper(${stu.id})">已评分</a>
                            <#elseif stuId=="${stu.id}"><a href="#" class="label label-success" onclick="lookTestPaper(${stu.id})">阅卷</a>
                            </#if>
                        </#list>

            </td>
                <td>${stu.team}</td>
                <td>

                    <a href="#" class="btn btn-danger btn-xs" onclick="updateUser(${stu.id})" >修改</a>
                    <a href="#" class="btn btn-danger btn-xs" onclick="deleteCustomer(${stu.id})">删除</a>



                </td>
            </tr>
            </#list>

        </table>


        <center>
            <#--上一页，下一页-->
        <input type="button" value="上一页" id="prePage" name="prePage" onclick="prePage()" >
                    当前页是第${currPage}页，总共${total}页
          <input type="button" value="下一页" id="nextPage" name="nextPage" onclick="nextPage()" >
        </center>
    </div>

</div>

<#--<%--如果没有这个 "添加"的按钮点击之后就不会弹出一个框 id为divDialog--%>-->
<div id="divDialog" style="display: none;" >
    <!-- 放置一个添加用户的界面  -->
    <iframe id="iframe" frameborder="0" style="width: 100%;height: 100%;"></iframe>
</div>

</body>
</html